*{margin:0;padding:0;word-wrap:break-word;}
body{background:url(body.png) repeat-x; font:normal 12px Arial;color:#639;}
header,nav,aside,section,footer{display:block;}
a{text-decoration:none;color:#f60;}
a:hover{text-decoration:underline;}
img{border:0;}
h2{font:18px Arial;color:#F60;margin:0 0 10px;}
h3{font:bold 14px Arial;}
option{padding:0 5px 0 3px;}
.clear{clear:both;}
.p{margin:10px 0;}
.shadow{background:url(shadow.png) repeat-y;}
.mtype,.mtype .l,.mtype .r,.ldjs,#tm span,.button span,.prodtype,.titlebg,.cpcontact .contact span,#idnwshare a,#idnwshareb a,.button .em a{background:url(horz.png) repeat-x;}
.namep{margin: 0 auto; text-align: center;padding:10px 10px 0 0;}
.viewopt span{background:url(listgrid.gif) no-repeat;margin:0 0 0 5px;line-height:12px !important;float:left;padding:0 0 0 17px;}
#thumbBox{position:absolute;left:0;top:0;padding:7px;background:#EEE;visibility:hidden;z-index:10;cursor:hand;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;box-shadow:1px 1px 5px #555;z-index:11;}
#thumbBox .footerbar{font:bold 16px/1.1em Arial;padding:5px 0 0;text-align:right;}
#thumbBox #thumbImage{border:1px solid #DDD;background:#FFF;}
#thumbLoading{top:0;position:absolute;visibility:hidden;border:1px solid black;background:#FFF;padding:5px;z-index:11;}
#loginhead{border-bottom:#E0CD39 solid 1px;height:23px;background:#fff;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
.shadow{width:1000px;margin:0 auto;padding:0 5px;}
.wrap{background:#9F9;}
.mtype{font:bold 12px Arial;color:#fff;background-position:0 -44px;height:32px;}
.anggota{padding:8px 12px; float: left;}
.since{font:11px Arial;color:#ddd;}
.cpname{color:#f00;}
#lang{padding:5px 20px 0 0; color: #fff; float: right;} #lang img{vertical-align:middle;}
.header{text-align:center;background:url(header.png) repeat-y; width: 1000px;}
.cpimg{float: left;padding:10px 0 0 10px;}
.cpimg br{display:none;}
.header img{height:auto;margin:0 auto;display:block;max-width:1000px;}
#idnwshare{float:right;padding:0 10px 10px 0;}
#idnwshare a{display:block;float:left;width:23px;height:23px;margin-left:5px; overflow: hidden;}
#idnwshare .fb{background-position:0 -246px;}
#idnwshare .tw{background-position:0 -223px;}
#idnwshare .gp{background-position:0 -200px;}
#idnwshare .in{background-position:0 -177px;}
#idnwshareb{float:left;margin:0 48px 8px;}
#idnwshareb a{display:block;float:left;width:23px;height:23px;margin-left:5px; overflow: hidden;}
#idnwshareb .fb{background-position:0 -246px;}
#idnwshareb .tw{background-position:0 -223px;}
#idnwshareb .gp{background-position:0 -200px;}
#idnwshareb .in{background-position:0 -177px;}
.bki{float:left;width:208px;text-align:center;margin:0 10px 10px 0;}
.namepb{float:left;width:208px;color:#f60;margin: 0px 0 10px;text-align: center;font-weight:bold;font-size:14px;}
.namepb a{color:#000;margin:5px 0}
.url a{color:#555;font:12px "Courier New";}
.mrq{font:bold 13px/30px Arial;color:#FF0;}
.mrq a{margin: 0 3px;}
#jsmarquee{position:relative;overflow:hidden;height:30px;}
#jsmarquee a{color: #fff;}
#vmarquee{position:absolute;left:0;}
.ldjs{height:30px; background-position:0 -76px;padding:0 10px;}
.middle{border-bottom:#AAA solid 1px;padding:10px;position:relative;_zoom:1;}
.button{float:left;margin-bottom:5px;}
.btn-r{float:right;}
.button span{display:block;height:23px;float:left;line-height:23px;margin:0 !important;}
.button .l{width:5px;background-position:0 0;}
.button .m{background-position:0 -153px; text-align: center;}
.button .em a{background-position:0 -153px; padding: 4px;line-height:23px;border-radius: 5px;font-weight: normal;}
.button .r{width:5px;background-position:-5px 0;}
.button a{color:#fff;}
.button a:hover{text-decoration:none;}
.left{width:210px;float:left;}
.qsearch{border:1px solid #CCC;background:#FFF;margin:0 0 10px;padding:1px;}
.qsearch #q{border:none;font:12px Arial;color:#777;background:transparent;float:left;width:185px;_width:182px;padding:3px 0;}
.qsearch #q.focus{color:#000;}
#tm{list-style:none;color:#f60;margin:0 0 10px;font:bold 14px/44px Arial;}
#tm li{height:44px;}
#tm span{height:44px;float:left;}
#tm .l{width:8px;background-position:-11px 0;}
#tm .m{width:193px;background-position:0 -109px;overflow:hidden;}
#tm .r{width:8px;background-position:-17px 0;}
#tm a{color:#fff;}
#tm a:hover{text-decoration:none;}
.grupmenu{position:relative;z-index:11;}
.grupmenu.hover .subgrup{display:block;}
.subgrup{clear:both;display:none;position:absolute;left:207px;list-style:none;border:#fff solid 1px;background:#828182;top:2px;z-index:100;}
.subgrup li{font:normal 13px/25px Arial !important;white-space:nowrap;height:auto !important;padding:5px 7px; border: 1px solid #fff;}
.subgrup li:hover{background:#9b9b9b;}
.subgrup li a{display:block; color: #fff;}
.bbox{background:#fff;padding:5px; border:#f60 solid 2px;}
.cpcontact{margin:0 0 10px; position: relative; padding: 40px 8px 0; zoom: 1; width: 188px; overflow: hidden;}
.cpcontact .contact{float:left; position: absolute; top: -10px; left: 1px; width: 201px;}
.cpcontact .contact span{float:left; height: 44px;}
.cpcontact .contact .l{width:8px;background-position:-10px 0;}
.cpcontact .contact .m{color:#f60;font:bold 14px Arial; width:185px;background-position:0 -109px;overflow:hidden; padding: 12px 0 0; height: 32px;}
.cpcontact .contact .r{width:8px;background-position:-17px 0;}
.cpcontact span{display:block;margin:10px 0;overflow:hidden;}
.cpcontact a{color: #f00;}
.homepage div div{float:none !important;}
.review{text-align:center;padding:5px 0;}
.review a{color: #f60;}
.review div{font-weight:bold;padding:3px 2px;}
.review p{margin:5px 0;}
.review span{display:block;padding:3px 0;}
.reviw table{margin: 10px 0;}
.right{width:760px;float:right; text-align: justify;}
.titlebg{background-position:0 -45px; height: 23px; padding: 3px 0 0 0; text-align:center;font:bold 14px/20px Arial;color:#f60;}
.butprof{margin:20px 0 30px;float: left;width:100%;}
.or{float: left; margin: 5px 8px 10px;}
.jsu {padding: 0 5px;}
.cpprod{list-style:square;margin:5px 0 0;}
.cpprod li{margin:0 0 0 14px;}
.incplist{margin:10px 0 0;padding:0;text-align:center;}
.incplist a{line-height:25px;padding:5px;background:#1c5d6a;border:#fff solid 1px; color: #fff;}
.revpaging{padding:5px;background:#CCC;border:#AAA solid;}
.rrlink{text-align:left;padding:8px 0 8px 15px; background: #1c5d6a; margin: 10px 0 0; color: #ff0;}
.rrlink a{font-weight: bold; color: #f60;}
.slider{width:760px;margin:0px 0 20px;position:relative;}
.slider-con{position:relative;height:279px;overflow:hidden;}
.slider-con img{width:760px;height:279px;}
.slider-con li{position:absolute;width:760px;height:279px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.slider-tab{position:absolute;left:0;bottom:10px;width:100%;height:10px;text-align:center;line-height:10px;font-size:0;text-align:center;z-index:10;}
.slider-tab a{background:#EEE;border-radius:10px;width:10px;height:10px;margin:0 3px;display:inline-block;*display:inline;*zoom:1;}

.ie6fix{_height:1px;font-size:0px;line-height:0;}
.product{background:#C9FFC9;}
.grupdesc{padding:0 0 10px;}
.grupdesc img{float:left;margin:0 10px 0 0;}
.inq{padding:5px;color:#000;}
.inq span{float:left;line-height:22px;}
.selectall{float:left;line-height:27px;}
.viewopt{float:right;margin:7px 0 0;}
.viewopt .gon{background-position:0 -36px;font-weight:bold;}
.viewopt .goff{background-position:0 -12px;}
.viewopt .lon{background-position:0 -24px;font-weight:bold;}
.viewopt .loff{background-position:0 0px;}
.ppp{float:right;line-height:27px;margin:0 10px 0 0;}
.prodtype{font:bold 13px Arial;padding:5px;background-position:0 -116px; color: #ccc;}
.prodtype a{color: #fff;}
.litems{padding:5px;}
.litems .box1{float:left;width:23px;height:15px;}
.litems .box2{float:left;margin:0 18px 8px 0;position:relative;}
/*.litems .boxder{border:#bbb solid 1px; background: #fff;}*/
.limg,.gitems .box2 a,.pimg a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF; color: #f00;border:#bbb solid 1px;*display:block;}
.mojozoom_marker{position:absolute;cursor:crosshair;}
.mojozoom_fill{position:absolute;width:100%;height:100%;top:0;left:0;background:#FFF;-moz-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
.mojozoom_imgctr{position:absolute;margin-left:20px;border:1px solid black;}
.imgzoom{display:block;text-align:center;padding:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{background:#FFF;border:#bbb solid 1px;float:left;clear:left;position:relative;top:-1px;}
.imglist a{height:30px;width:30px;padding:5px;display:table-cell;text-align:center;vertical-align:middle;}
.imglist .current{background:#CCC;}
.imglist img{max-height:30px;max-width:30px;}
.litems .box3{width:725px;float:left;}
.litems .name{font:bold 14px Arial;margin:0 0 5px;}
.litems .name a{font:bold 12px Arial;}
.litems .date{color:#828182;font:10px Arial;margin:0 0 10px 10px;}
.litems .desc{margin:5px 0 0;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#DDD;display:inline-block;border:#BBB solid 1px;}
.litems .box4{width:530px;float:right;text-align:right;margin:10px 0 0;}
.litems .box5{padding-left:15px;}
.gitems{width:24.9%;float:left;text-align:center;margin:10px 0;position:relative;}
.gitems .box1{position:absolute;left:10px;}
.gitems .box2{margin:0 auto 5px;width:122px;height:122px;background:#FFF;position:relative;overflow:hidden;}
.gitems .box3,.gitems .box4{text-align:center;overflow:hidden;margin:0 5px;}
.gitems .box3{white-space:nowrap;}
.gitems .box4{height:58px;}
.gitems .addedtb{position:absolute;top:0;left:0;}
.gitems .addedtb a{display:block;line-height:20px;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);}
.gitems .date{color:#828182;font:10px Arial;}
.gitems .desc{font-size:11px;line-height:14px;}
.gb{border-bottom:1px dotted #D5D572;}
.paging{margin:10px 0;text-align:right;color:#555;}
.tbl{table-layout:fixed;*width:auto;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#639 dotted 1px;}
.tbl th{white-space:nowrap;font-weight:normal;text-align:left;padding-right:15px;}
.tbl td{font-weight:bold;}
.tbl .noborder th,.tbl .noborder td{border:none;}
.pimg{float:left;text-align:center;margin:0 10px 0 0;}

.ps-container{padding:0 40px;position:relative;margin:5px 0 0;z-index:10;_zoom:1;}
#ps{position:relative;overflow:hidden;height:150px;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#pdsnext,#pdsprev{display:none;width:20px;height:30px;position:absolute;top:35px;}
#pdsnext{right:5px;}
#pdsprev{left:5px;}

.bottom{background:#747474;text-align:center; padding: 5px 0; color: #fff;}
.bottom .footermenu{margin:10px 0 0;font:bold 12px Arial; background: #9F9; padding: 10px;}
.bottom .cpr{font:10px Tahoma;}
.bottom hr{display:none;}
@media only screen and (max-width:768px){
.shadow,.wrap{width:99%}
.header,.header img,#loginhead{width:99%}
.right{width:70%}
.gitems{width:49.9%}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
.qsearch{width:50%}
.left,.right{float:none;width:99%}
.cpname{font-size:12px;}
.gitems{width:99.9%}
}